<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>标准页面模板</title>
        <!-- Bootstrap -->
        <link rel="stylesheet" media="screen" href="css/bootstrap.min.css" />
        <link rel="stylesheet" media="screen" href="css/bootstrap-theme.min.css" />
</head>
<body>        
        <th:block  th:fragment="header">
        <!-- small navbar -->
        <nav class="navbar navbar-default navbar-fixed-top bootstrap-admin-navbar-sm" role="navigation" >
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="collapse navbar-collapse">
                            <ul class="nav navbar-nav navbar-right">                                              
                                <li class="dropdown">
                                    <a href="#" role="button" class="dropdown-toggle" data-hover="dropdown" th:inline="text"> <i class="glyphicon glyphicon-user"></i> [[${user.name}]] <i class="caret"></i></a>
                                    <ul class="dropdown-menu">
                                        <li><a id="changepwd" href="#">修改密码</a></li>
                                        <li role="presentation" class="divider"></li>
                                        <li><a th:href="@{/logout}" href="logout">注销</a></li>
                                    </ul>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </nav>
 
        <nav class="navbar navbar-default navbar-fixed-top bootstrap-admin-navbar bootstrap-admin-navbar-under-small" role="navigation">
            <div class="container">
                <div><h2>仓库管理系统</h2></div>
            </div>
        </nav>
        
  
        <!-- 更改口令 -->
        <div id="changpwddiv"  class="userdlg" style="display: none;">
            <form class="form-horizontal" >
              <fieldset>
                  <legend>修改密码</legend>
                  <div class="form-group">
                      <label class="col-sm-3 control-label" for="change_oldpwd">当前密码</label>
                      <div class="col-sm-6">
                          <input class="form-control" id="change_oldpwd" name="oldpwd" type="password" />
                      </div>
                  </div>
                  <div class="form-group">
                      <label class="col-sm-3 control-label" for="change_newpwd">新密码</label>
                      <div class="col-sm-6">
                          <input class="form-control" id="change_newpwd" name="newpwd" type="password" />
                      </div>
                  </div>
                  <div class="form-group">
                      <label class="col-sm-3 control-label" for="change_newpwd2">确认新密码</label>
                      <div class="col-sm-6">
                          <input class="form-control" id="change_newpwd2" name="newpwd2" type="password" />
                      </div>
                  </div>
                  <button type="button" class="btn btn-primary">确定</button>
                  <button type="reset" class="btn btn-default">取消</button>
              </fieldset>
          </form>        
        </div>        
        </th:block>

        <div class="container">
            <!-- left, vertical navbar & content -->
            <div class="row">
                <!-- left, vertical navbar -->
                <div class="col-md-2 bootstrap-admin-col-left" th:fragment="leftnav (current)">
                    <ul class="nav navbar-collapse collapse bootstrap-admin-navbar-side">
                        <li th:class="(${current} == 'rack' ) ? 'active' : ''">
                            <a href="index.html"><i class="glyphicon glyphicon-chevron-right"></i> 货架 </a>
                        </li>
                        <li th:class="(${current} == 'in' ) ? 'active' : ''">
                            <a href="in.html"><i class="glyphicon glyphicon-chevron-right"></i> 入库</a>
                        </li>
                        <li th:class="(${current} == 'delivery' ) ? 'active' : ''">
                            <a href="delivery.html"><i class="glyphicon glyphicon-chevron-right"></i> 出库</a>
                        </li>
                        <th:block th:if="${admin}">
                        <li th:class="(${current} == 'users' ) ? 'active' : ''">
                            <a href="users.html"><i class="glyphicon glyphicon-chevron-right"></i> 用户管理</a>
                        </li>                        
                        <li th:class="(${current} == 'products' ) ? 'active' : ''">
                            <a href="products.html"><i class="glyphicon glyphicon-chevron-right"></i> 商品管理</a>
                        </li>                        
                        <li th:class="(${current} == 'racks' ) ? 'active' : ''">
                            <a href="racks.html"><i class="glyphicon glyphicon-chevron-right"></i> 货架管理</a>
                        </li>                        
                        <li th:class="(${current} == 'stocks' ) ? 'active' : ''">
                            <a href="stocks.html"><i class="glyphicon glyphicon-chevron-right"></i> 库存列表</a>
                        </li>                          
                        <li th:class="(${current} == 'inlist' ) ? 'active' : ''">
                            <a href="inlist.html"><i class="glyphicon glyphicon-chevron-right"></i> 入库列表</a>
                        </li>                                 
                        <li th:class="(${current} == 'deliverlist' ) ? 'active' : ''">
                            <a href="dlist.html"><i class="glyphicon glyphicon-chevron-right"></i> 出库列表</a>
                        </li>             
                        </th:block>
                    </ul>
                </div>

                <!-- content -->
                <div class="col-md-10">                   
                    <div class="row">
                        <div class="col-lg-12">
                        
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- footer -->
        <div class="navbar navbar-footer" th:fragment="footer">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        <footer role="contentinfo">
                            <p class="left">仓库管理系统</p>
                            <p class="right">&copy; 2015 <a href="#" target="_blank">版权所有</a></p>
                        </footer>
                    </div>
                </div>
            </div>
        </div>
</body>
</html>